<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/xue_introduce.css"/>
    <script src="js/jquery-1.12.2.js"></script>
    <script src="js/xue_introduce.js"></script>
</head>
<body>
    <div class="nav">
        <div class="w clearfix">
            <div class="nav-left">
                <a href="">Miss xue</a>
            </div>

            <div  class="nav-right">
                <ul>
                    <li><a href="#content">基本资料</a></li>
                    <!--<li><a href="">专业技能</a></li>-->
                    <li><a href="#mater">工作经历</a></li>
                    <li><a href="#exper">项目经验</a></li>
                    <li><a href="#value">自我评价</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="content" id="content">
         <div class="content-introduce">
             <span>前端工程师简历</span>
         </div>

         <div class="content-love">
             <span>爱技术,爱生活</span>
         </div>
    </div>

    <div class="mater" id="mater">
        <div class="material w">
            <h1>基本资料</h1>
            <div class="material-one">
                <img src="images/glass.png" alt=""/>
                <h4>基本信息</h4>
                <p>姓名:雪&nbsp;性别:女
                    <br/>籍贯:河南
                </p>
            </div>

            <div class="material-two">
                <img src="images/hat.png" alt=""/>
                <h4>毕业院校</h4>
                <p>河南大学</p>
            </div>

            <div class="material-three">
                <img src="images/book.png" alt=""/>
                <h4>学历与专业</h4>
                <p>计算机科学与技术
                    <br/>本科
                </p>
            </div>

            <div class="material-four">
                <img src="images/tel.png" alt=""/>
                <h4>联系方式</h4>
                <p>邮箱:12306.com
                    <br/>电话:666666666
                </p>
            </div>

        </div>
    </div>

    <div class="exper" id="exper">
        <div class="experience w">
            <ul>
                <li><a href="#"><img src="images/experience1.png" alt=""/></a></li>
                <li><a href="#"><img src="images/experience2.png" alt=""/></a></li>
                <li><a href="#"><img src="images/experience3.png" alt=""/></a></li>
                <li><a href="#"><img src="images/experience4.png" alt=""/></a></li>
            </ul>
        </div>
    </div>


    <div class="value" id="value">
        <div class="fly w">
            <ul >
                <li><img src="images/冰雪奇缘.jpg" alt=""/></li>
                <li><img src="images/铁塔.jpg" alt=""/></li>
                <li><img src="images/love.jpg" alt=""/></li>
                <li><img src="images/美女.jpg" alt=""/></li>
            </ul>
        </div>
    </div>
</body>
</html>